﻿body {
    div.MainWindow {
        section.wm-content {
            div.dialog {
                width: 100%;
                height: 100%;
                position: relative;

                > table {
                    padding-top: calc(15% - 50px);
                    margin: 0 auto;

                    label {
                        text-shadow: 1px 1px white;
                        user-select: none;
                    }

                    input[type=button] {
                        border-radius: 5px;
                        padding: 3px;
                    }
                }

                &::after {
                    background: url(https://i.ytimg.com/vi/HhSFP28Mtys/maxresdefault.jpg) no-repeat;
                    position: absolute;
                    content: "";
                    opacity: 0.5;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    z-index: -1;
                    background-size: cover;
                }
            }

            section.view {
                position: absolute;
                height: calc(100% - 50px - 36px);
                overflow: auto;
                width: 100%;
                top: 36px;
                left: 0;

                div.msg {
                    padding: 0 10px 0 10px;
                }
                div.msg ~ div.msg {
                    margin-top: 1px;
                }
            }
            footer.prompter {
                position: absolute;
                width: 100%;
                height: 50px;
                bottom: 0px;

                textarea.commandPrompt {
                    position: absolute;
                    width: calc(100% - 75px);
                    top: 0;
                    left: 10px;
                }

                input[type="button"].sender {
                    position: absolute;
                    top: 0;
                    right: 10px;
                    height: 75%;
                }
            }
        }
    }
}
